<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			.box{
				background: #666;
				
			}
			img{
				vertical-align: middle;
				width: 160px;
			}
			ul{
				width: 960px;
				margin: 0 auto;
			}
			li{
				display:inline-block;	
			}
			a:link{
				color:white;
				text-decoration: none;
				font-size: 12px;
			}
			a:hover{
				color: gold;
			}
			li{
				display: inline-block;
			}
             .k{
             	margin-left: 20px;
             }
             .oo{
             	margin-left: 20px;
             	padding: 10px 18px;
             	border: 1px solid gold;
             	border-radius: 50px;
             }
             .oo:hover{
             	background: gold;
             	color: #b99811;
             }
             .op{
             	margin-left: 20px;
               border: 1px solid gold;
             
               padding:10px 20px;
               border-radius: 50px;
             }
             .op:hover{
             	background: gold;
             	color: #b99811;
             	
             }

		</style>
	</head>

	<body>
		<div class="box">
			<ul>
				<li>
					<a href="#" class="k"><img src="img/logo.png" /></a>
				</li>
				<li>
					<a href="#" class="k">功能特权</a>
				</li>

				<li>
					<a href="#" class="k">游戏特权</a>
				</li>

				<li>
					<a href="#" class="k">生活特权</a>
				</li>

				<li>
					<a href="#" class="k">会员活动</a>
				</li>

				<li>
					<a href="#" class="k">成长体系</a>
				</li>

				<li>
					<a href="#" class="k">年费专区</a>
				</li>

				<li>
					<a href="#" class="k">超级会员</a>
				</li>

				<li>
					<a href="#" class="oo">登录</a>
				</li>
				<li><a href="#" class="op"> 开通超级会员</a></li>
			</ul>
		</div>
	</body>

</html>